@layout("/common/_container.html",{js:["/assets/hx/order/hxOrderPut/returnQuery.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">Inbound Order Management</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
				            <div class="layui-inline">
                				<button id="btnPrint" class="layui-btn layui-btn-normal"><i class="layui-icon layui-icon-print"></i>Print</button>
				            </div>
		                    <div class="layui-inline">
		                        <select id="orderState">
						            <option value="">Select Status</option>
									<option value="Pending Processing">Pending Processing</option>
						            <option value="Pending Submit">Pending Submit</option>
									<option value="Processing Rejected">Processing Rejected</option>
						            <option value="Receiving">Receiving</option>
						            <option value="Completed">Completed</option>
						            <option value="Cancelled">Cancelled</option>
		                        </select>
		                    </div>
		                    <div class="layui-inline">
		                        <select id="timeType">
						            <option value="cj">Creation Time</option>
						            <option value="yy">Appointment Time</option>
						            <option value="wc">Completion Time</option>
		                        </select>
		                    </div>
		                    <div class="layui-inline" style="width: 150px;">
		                        <input id="startTime" class="layui-input" autocomplete="off" type="text" placeholder="Start Time From"/>
		                    </div>
                            <div class="layui-inline">
                            	一
                            </div>
		                    <div class="layui-inline" style="width: 150px;">
		                        <input id="endTime" class="layui-input" autocomplete="off" type="text" placeholder="End Time To"/>
		                    </div>
		                    <div class="layui-inline">
								<select id="customerId">
					            	<option value="">Select Customer</option>
						            @for(item in customerlist!){
						            <option value="${item.id}">${item.customerName}</option>
						            @}
					        	</select>
		                    </div>
		                    <div class="layui-inline">
								<select id="getWarehouseId">
					            	<option value="">Select Warehouse</option>
						            @for(item in basicWarehouseList!){
						            <option value="${item.id}">${item.warehouseName}</option>
						            @}
					        	</select>
		                    </div>
				            <div class="layui-inline">
                				<input id="setUnit" class="layui-input" type="text" placeholder="Shipping Customer"/>
		                        <button type="button" class="layui-btn layui-btn-primary" id="choiceSetUnit" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
				            </div>
				            <div class="layui-inline">
                				<input id="condition" class="layui-input" type="text" placeholder="Order No."/>
				            </div>
		                    <div class="layui-inline">
		                        <select id="orderType">
		                            <option value="">Select Type</option>
						            <option value="Store Return">Store Return</option>
									<option value="Direct Transfer Request">Direct Transfer Request</option>
									<option value="Store Transfer">Store Transfer</option>
		                        </select>
		                    </div>
							<div class="layui-inline">
								<select id="storageState">
									<option value="">Select Sync Status</option>
									<option value="Completed">Completed</option>
									<option value="Pending">Pending</option>

								</select>
							</div>
				            <div class="layui-inline">
                				<input id="goodsName" class="layui-input" type="text" placeholder="Product File"/>
		                        <button type="button" class="layui-btn layui-btn-primary" id="choiceGoods" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
				            </div>
				            <div class="layui-inline">
				                <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
				                <button id="reset" class="layui-btn icon-btn layui-btn-primary"><i class="layui-icon">&#xe666;</i>Reset</button>
						        <button id="btnDelete" class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe640;</i>Batch Delete</button>
				                <button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>Export</button>
				            </div>
                        </div>
                    </div>
                    <table class="layui-table" id="hxOrderPutTable" lay-filter="hxOrderPutTable"></table>
                    <table class="layui-table" id="hxOrderPutDetailedTable" lay-filter="hxOrderPutDetailedTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="toolbarfromDetailed">
            <div class="layui-inline">
                <input id="condition2" class="layui-input" type="text" placeholder="Keywords"/>
            </div>
            <div class="layui-inline">
                <button id="btnSearchDetailed" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
            </div>
</script>
<script type="text/html" id="tableBar">
    {{#  if(d.orderState === '收货中' ){ }}
    	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="revoke" id="revoke">Revoke</a>
    {{#   } }}
</script>
<script type="text/html" id="orderStateTpl">
	{{#  if(d.orderState === 'Cancelled'){ }}
	<span style="color: #FF4500;font-weight: 600;">{{ d.orderState }}</span>
	{{#  }else if(d.orderState === 'Receiving'){ }}
	<span style="color: #FFC300;font-weight: 600;">{{ d.orderState }}</span>
	{{#  }else if(d.orderState === 'Completed'){ }}
	<span style="color: #43CF7C;font-weight: 600;">{{ d.orderState }}</span>
	{{#  }else if(d.orderState === 'Processing Rejected'){ }}
	<span style="color: #FF0000;font-weight: 600;">{{ d.orderState }}</span>
	{{#  } else { }}
	{{ d.orderState }}
	{{#  } }}
</script>



@}